<template>
	<div class="hcj_form_item">
		<label class="hcj_form_item_label" :style="{width: this.Form.labelWidth}">{{ label }}</label>
		<div class="hcj_form_item_content">
			<slot></slot>
		</div>
	</div>
</template>

<script>
	export default {
		props: {
			label: {
				type: [String,Number,Boolean],
				default: ''
			}
		},
		inject: ['Form']
	}
</script>

<style>
	.hcj_form_item {
		margin-bottom: 25px;
	}
	.hcj_form_item_label {
		text-align: right;
		vertical-align: middle;
		float: left;
		font-size: 14px;
		color: #606266;
		line-height: 40px;
		padding: 0 12px 0 0;
		box-sizing: border-box;
	}
	.hcj_form_item_content {
		line-height: 40px;
		position: relative;
		font-size: 14px;
		overflow: hidden;
	}
</style>